<template>
<!-- 人才库 -->
  <div>
    <el-row>
      <el-col :span="24"><div class="grid-content bg-purple-dark">
        <el-button type="primary" style="margin-left:30px; margin-top:15px;">新建人才库</el-button>
        </div></el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <div class="grid-content bg-purple-dark_2">
            <el-form :inline="true" :model="form" class="demo-form-inline" label-width="80px" style="padding-top:25px">
              <el-form-item label="负责人">
                <el-input v-model="form.user" placeholder="负责人"></el-input>
              </el-form-item>
              <el-form-item label="部门">
                <el-select v-model="form.value" placeholder="请选择">
                  <el-option
                    v-for="item in options"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value">
                  </el-option>
                </el-select>
              </el-form-item>
              &nbsp;&nbsp;&nbsp;
              <el-form-item label="职位性质">
                <el-select v-model="form.region" placeholder="职位性质">
                  <el-option label="全部" value=""></el-option>
                  <el-option label="全职" value="0"></el-option>
                  <el-option label="兼职" value="1"></el-option>
                  <el-option label="实习" value="2"></el-option>
                  <el-option label="外派" value="3"></el-option>
                  <el-option label="退休返聘" value="4"></el-option>
                </el-select>
              </el-form-item>
              &nbsp;&nbsp;&nbsp;
               <el-form-item label="学历要求">
                <el-select v-model="form.region2" placeholder="学历要求">
                  <el-option label="全部" value=""></el-option>
                  <el-option label="1-3年" value="1"></el-option>
                  <el-option label="3-5年" value="2"></el-option>
                  <el-option label="5-10年" value="3"></el-option>
                  <el-option label="10年以上" value="4"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item label="发起时间" style="padding-left:10px">
                  <el-date-picker
                    v-model="daterange1"
                    type="daterange"
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期">
                  </el-date-picker>
              </el-form-item>
              <el-form-item>
                <el-button type="primary" @click="onSubmit" style="margin-left:640px">搜索</el-button>
                <el-button>导出</el-button>
              </el-form-item>
            </el-form>
        </div>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
        <div class="grid-content bg-purple-dark_3">
            <div id="tou">
              <span style=" position: relative;left:100px;top:20px">职位信息</span>
              <span style=" position: relative;left:1000px;top:20px">操作</span>
            </div>
              
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import axios from 'axios'
export default {
  data() {
    return {
      form: {},
       options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        daterange1:[],
    };
  },
  created() {},
  methods: {},
};
</script>

<style scoped>
 #tou{
  width: 95%;
  height: 60px;
  background-color: rgb(247, 249, 249);
  margin-left: 30px;
  position: relative;
  top:20px;
 }

 .el-row {
    margin-bottom: 20px;
    
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: white;
    height: 70px;
  }
   .bg-purple-dark_2 {
    background: white;
    height: 150px;
  }
   .bg-purple-dark_3 {
    background: white;
    height: 700px;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-purple-light {
    background: #e5e9f2;
  }
  .grid-content {
    border-radius: 4px;
    min-height: 36px;
  }
  .row-bg {
    padding: 10px 0;
    background-color: #f9fafc;
  }
</style>